<template>
  <div>
  	<el-dialog title="修改收货人" :visible.sync="editorVisible" width="30%" :before-close="closeEditorOrder" @open="opendEnd">
  		<el-form :model="changeConsignee" ref="editorOrder" label-width="100px">
        <el-form-item label="隶属分类" prop="consigneeId" :rules="[
             { required: true, message: '请选择分类', trigger:'blur'},
           ]">
              <el-select v-model="changeConsignee.consigneeId" placeholder="可选择分类" clearable>
                <el-option
                  v-for="item in consigneeOptions"
                  :key="item.consigneeId"
                  :label="item.consigneeName"
                  :value="item.consigneeId"
                  >
                </el-option>
              </el-select>
        </el-form-item>
  		</el-form>
  		<span slot="footer" class="dialog-footer">
  			<el-button @click="closeEditorOrder">取 消</el-button>
  			<el-button type="primary" @click="submitUpload('editorClassify')">确 定</el-button>
  		</span>
  	</el-dialog>
  </div>
</template>

<script>
  export default {
    name: "",
    props: ["editorVisible","consigneesList","editorObj"],
    data() {
    	return {
    		changeConsignee: {
          consigneeId:"",
          userId:"",
    		},
        consigneeOptions:{},
    	}
    },
    methods: {
      closeEditorOrder(){
        this.$parent.editorVisible = false
      },
      opendEnd(){
        this.consigneeOptions = this.$props.consigneesList
        console.log(this.consigneeOptions)
      },
    },
  }
</script>

<style>
</style>
